@charset "utf-8";
body {font-family:"Roboto", "Lucida Sans Unicode", "Arial", "微软雅黑", "宋体", sans-serif; font-size:12px; color:#232323;}
a {color:#232323; text-decoration:none;}
a:focus {outline:0; -moz-outline:none;} /*for ff*/
a:hover {text-decoration:none; color:#e47343;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,area,blockquote,th,td,p {margin:0; padding:0;}
img, a img {border:0;}
table {border-collapse:collapse;}
li {list-style-type:none;}

/*清除ie点击链接出现的边框*/
a, area {blr:expression_r(this.onFocus=this.blur());}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y:scroll; overflow-x:hidden;}

/*解除Webkit 12号字体限制*/
html {-webkit-text-size-adjust:none;}

body, html {width:100%; overflow-x:hidden; /*-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;*/}

img {background:url(../images/ajax-loader.gif) no-repeat center center;}

.clear {clear:both; height:0 !important; width:0 !important; overflow:hidden; font-size:0;}
.fl, .fi {float:left;}
.fr {float:right;}

#top {width:100%; height:126px; overflow:hidden; background:url(../images/top_bg.gif) repeat-x #fff top center;}
.top_in {width:1110px; height:126px; margin:0 auto; overflow:hidden; position:relative;}
.logo {width:648px; height:75px; overflow:hidden; position:absolute; top:36px; left:0;}
.ico {width:180px; height:55px; overflow:hidden; position:absolute; top:45px; right:0;}
.ico p {width:100%; height:18px; line-height:18px; background:url(../images/mail.gif) no-repeat left 3px; text-indent:20px; font-size:16px; overflow:hidden; position:absolute; top:0; left:0;}

.ico .ico_a {width:170px; height:33px; overflow:hidden; position:absolute; bottom:0; left:0;}
.ico_a a {width:33px; height:33px; overflow:hidden; display:block; position:absolute; top:0; background-image:url(../images/ico.gif); background-repeat:no-repeat;}
.ico_a1 {left:0; background-position:left top;}
a.ico_a1:hover {background-position:left bottom;}

.ico_a2 {left:45px; background-position:-46px top;}
a.ico_a2:hover {background-position:-46px bottom;}

.ico_a3 {left:91px; background-position:-92px top;}
a.ico_a3:hover {background-position:-92px bottom;}

.ico_a4 {right:0; background-position:right top;}
a.ico_a4:hover {background-position:right bottom;}


#nav {width:100%; height:56px; border:1px solid #e9e9e9; border-width:1px 0; position:relative; z-index:99999;}
.menu {width:1110px; height:56px; margin:0 auto;}
.menu ul {width:850px; height:56px; float:left;}
.menu ul li {height:56px; float:left; padding-right:37px; line-height:56px; position:relative;}
.menu ul >li {width:auto;}
.menu a {width:auto; _width:0; white-space:nowrap; display:block; height:56px; color:#444; background-repeat:no-repeat; background-position:left 21px; padding-left:20px;}
.menu a:hover, .menu ul li:hover a {color:#e47343;}
.menu dl {position:absolute; top:56px; left:0; background:#fcfcfc; padding:6px 0; display:none; z-index:99999;}
.menu dl dd {height:30px; line-height:30px;}
.menu dl dd a {padding:0 10px; height:30px; color:#444 !important; text-transform:uppercase;}
.menu dl dd a:hover {background:#000; color:#fff !important;}

.nav_home {background-image:url(../images/nav_home.gif);}
.nav_about {background-image:url(../images/nav_about.gif);}
.nav_products {background-image:url(../images/nav_products.gif);}
.nav_project {background-image:url(../images/nav_project.gif);}
.nav_feedback {background-image:url(../images/nav_feedback.gif);}
.nav_contact {background-image:url(../images/nav_contact.gif);}

.search {width:240px; height:26px; float:right; padding-top:15px;}
.sear_t {width:200px; _width:196px; height:26px; float:left; background:url(../images/sear_t.gif) no-repeat top left; border:0; line-height:26px; overflow:hidden; text-indent:20px; color:#aaa;}
.sear_b {width:40px; height:26px; overflow:hidden; float:left; cursor:pointer;}

.banner {width:100%; height:auto;}
.banner_bot {width:100%; height:20px; background:url(../images/banner_bot.gif) repeat-x; overflow:hidden;}

.ipro {width:1000px; margin:10px auto 30px; padding-top:20px;}
.ipro_more {text-align:center;}
.ipro_more a {font-size:14px; border:1px solid #000; padding:6px 14px; display:inline-block;}
.ipro_more a:hover {background:#000; border:1px solid #000; color:#fff;}
.ptit {width:440px; height:25px; margin:0 auto 30px; text-align:center; position:relative; overflow:hidden;}
.ptit div {font-size:20px; color:#000; letter-spacing:-1px; height:24px; position:relative; top:0; left:0; z-index:2; background:#fff; display:inline-block; padding:0 10px;}
.ptit p {width:100%; height:1px; overflow:hidden; background:#ccc; position:absolute; top:12px; left:0; z-index:1;}
.ppart {width:250px; height:292px; float:left; overflow:hidden; text-align:center;}
.ppart .pro_bb, .pro_part .pro_aa, .ppart .pro_aa a {width:230px; height:272px; overflow:hidden; cursor:pointer;}
.ppart .pro_img, .ppart img {width:230px; height:230px;}
.ppart .pro_aa a {display:block;}
.ppart .pro_cc {width:100%; height:90px; overflow:hidden; line-height:20px; text-align:left;}
.ppart .pro_tt {width:100%; height:42px; overflow:hidden; line-height:40px; text-align:left; text-indent:15px;}
.ppart .pro_bb {position:relative;}
.ppart .pro_aa {position:absolute; top:0; left:0; z-index:5;}
.ppart .pro_cc {position:absolute; bottom:0; _bottom:-1px; left:0; z-index:4; background:url(../images/gray50.png) repeat; color:#000; display:none;}
.ppart .pro_tt {position:absolute; bottom:0; _bottom:-1px; left:0; z-index:3; background:url(../images/black90.png) repeat; color:#ccc; font-size:14px; text-transform:uppercase;}
.ppart .pro_img {position:absolute; top:0; left:0; z-index:2;}
.ppart .pro_cc .pad {padding:10px 15px;}
.ppart .pro_cc p {font-size:14px; color:#161214; margin-bottom:10px; height:16px; overflow:hidden; background:url(../images/arrowHover.png) no-repeat left center; padding-left:15px; text-transform:uppercase;}
.ppart .pro_cc div {line-height:16px; color:#4b4649; height:72px; overflow:hidden; padding-left:15px;}

.row {width:100%; overflow:hidden; background:url(../images/row_bg.gif) no-repeat top center #f9f9f9;}
.row_in {width:1000px; height:180px; margin:34px auto 0; overflow:hidden; position:relative;}

.iabo {width:460px; height:138px; overflow:hidden; position:absolute; top:0; left:0;}
.iabo_img {margin:0 23px 0 0;}
.iabo_c {line-height:18px; color:#565656; text-align:justify; overflow:hidden;}
.iabo_t {line-height:16px; color:#000; font-weight:bold; padding:5px 0 8px 0;}

.row_tit {font-size:15px; border-bottom:1px solid #b8b8b8; padding:5px 0 18px 0; margin-bottom:18px; color:#000;}
.collections {width:442px; height:300px; overflow:hidden; position:absolute; top:0; left:280px;}
.coll_part {width:221px; height:86px; overflow:hidden; float:left;}
.coll_pad {width:216px;}
.coll_part p {font-size:14px; color:#000; padding-bottom:6px; font-weight:bold;}
.coll_part div {color:#565656; line-height:15px;}
.col {width:442px; height:236px; overflow:hidden;}

.presences {width:520px; heig0ht:300px; overflow:hidden; position:absolute; top:0; right:0;}
.pre_part {width:124px; height:71px; float:left; margin-bottom:6px; padding-right:8px;}
.pre_pp {width:124px; height:71px; margin:2px auto 0; position:relative;}
.pre_img, .pre_hover, .pre_aa {width:124px; height:71px; overflow:hidden; position:absolute; top:0; left:0;}
.pre_img {z-index:1;}
.pre_img img {width:124px; height:71px;}
.pre_hover {background:#000; font-size:15px; font-weight:bold; color:#fff; line-height:110px; text-align:center; z-index:2; display:none; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.pre_aa {z-index:3;}
.pre_aa a {width:100%; height:71px; display:block; text-decoration:none;}
.pre_aa a:hover {text-decoration:none;}

.icontact {width:100%; height:552px; overflow:hidden; background:url(../images/icontact.gif) repeat;}
.icontact_in {width:1110px; height:552px; margin:0 auto; color:#fff;}
.icontact_in a {color:#fff;}
.icontact_in .fl {width:680px; overflow:hidden;}
.icontact_in .fl .pad {padding:38px 56px 0 55px;}
.icon_tit div {font-size:28px;}
.icon_tit p {color:#ccc;}
.icon_tit2 {padding:38px 0 35px 0;}

/*表格*/
.binput, .btext {border:1px dashed #333; color:#a1a1a1; background:#191919; -webkit-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
	padding: 10px;
	margin: 0;
	outline: none;
	font: 13px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777;
	width: 100%;
	max-width: 100%;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* "all" isn't used because then height is also transitioned and interfers with user's action on textarea height */
	-webkit-transition:border 0.3s ease, background 0.3s ease, box-shadow 0.2s ease, color 0.6s ease;
	-moz-transition:border 0.3s ease, background 0.3s ease, box-shadow 0.2s ease, color 0.6s ease;
	-o-transition:border 0.3s ease, background 0.3s ease, box-shadow 0.2s ease, color 0.6s ease;
	transition:border 0.3s ease, background 0.3s ease, box-shadow 0.2s ease, color 0.6s ease;

	/* Act as display:block; 
	   see http://stackoverflow.com/questions/1030793/input-with-displayblock-is-not-a-block-why-not 
	   ie7 isn't supported here, see static fix bellow */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.binput2 {width:100px; height:28px; _height:14px;}
.btext {height:130px; _height:60px;}
.binput:focus, .btext:focus {
	border: 1px solid #282828;
	color: #fff;
	background: #191919;

	/* if the outer shadow isn't specified, transition doesn't occur */
	-webkit-box-shadow: 0 0 0 transparent, 1px 1px 5px 1px rgba(0, 0, 0, 1) inset;
	-moz-box-shadow: 0 0 0 transparent, 1px 1px 5px 1px rgba(0, 0, 0, 1) inset;
	box-shadow:0 0 0 transparent, 1px 1px 5px 1px rgba(0, 0, 0, 1) inset;
}
.book_table tr {height:58px;}
.btit {font-size:14px; font-weight:bold; padding-right:34px;}
.btit p {font-weight:normal; font-size:13px; color:#444;}
.submit {width:104px; height:36px; background:url(../images/submit.gif) no-repeat; overflow:hidden; cursor:pointer; border:0;}

.icontact_in .fi {width:310px; overflow:hidden;}
.icontact_in .fi .pad {padding-top:120px;}
.icontact_in .fi .icon_tit {padding-left:5px;}
.icon_tit dl dd, .icon_tit dl dt {height:18px; line-height:18px;}
.icon_tit dl dt a {color:#37b1ff; text-decoration:underline;}
.map {padding:19px 0 23px 0;}
.onweb {padding-left:5px;}
.onweb p {font-size:14px; padding-bottom:5px;}
.onweb div {width:140px; height:32px; background:url(../images/ico2.gif) no-repeat; overflow:hidden;}
.onweb a {width:32px; height:32px; display:inline-block; overflow:hidden; text-decoration:none;}

#bottom {width:100%; height:69px; background:#0c0c0c; overflow:hidden;}
.bottom_in {width:1110px; margin:0 auto; height:69px; overflow:hidden; color:#fff;}
.bottom_in a {color:#fff;}
.bottom_in .fl {width:700px; overflow:hidden; padding-top:28px;}
.bottom_in .fr {width:110px; height:69px; line-height:69px; overflow:hidden; text-align:right;}
.bottom_in .fr a {overflow:hidden; width:60px; float:right; height:69px; display:block; background:url(../images/top.gif) no-repeat left center;}

/*分页*/
.pagelist {margin:20px 0; line-height:18px;}
.pagelist tr {height:18px;}
.pagelist .aa, .pagelist .bb, .page_front, .page_back {font-size:12px; width:18px; height:16px; line-height:16px; overflow:hidden; display:block; text-align:center; margin:0 3px;}
.pagelist .aa:hover {background:#000; color:#fff;}
.pagelist .bb:hover {color:#000; text-decoration:none;} /*1 color-hover*/
a:hover.page_front, a:hover.page_back {} /*1 color-hover*/
.pagelist .aa {background:#000; color:#fff;} /*2 color-on*/
.pagelist .bb {background:#f0f0f0; color:#464646;} /*3 color-off*/
.page_front {background-image:url(../images/prev.gif);}
.page_back {background-image:url(../images/next.gif);}
.page_front, .page_back {background-repeat:no-repeat; background-position:center center;} /*3 color-off*/

#page {width:1110px; margin:0 auto; padding-top:35px;}
.page_tit {font-size:20px; padding-bottom:10px;}
.page_tit a {font-size:20px;}
.page_mes {color:#767676; font-family:'Open Sans', Arial, Helvetica, sans-serif; padding:10px 0; font-size:13px;}
.page_line {width:70px; height:3px; background:#ededed; overflow:hidden; margin-bottom:10px;}
.page_con {line-height:22px; padding-bottom:40px; text-align:justify;}

.pro_page {}
.pro_part {width:271px; height:295px; float:left; overflow:hidden; text-align:center;}
.pro_part .pro_bb, .pro_part .pro_aa, .pro_part .pro_aa a, .pro_part .pro_img, .pro_part img {width:248px; height:272px; overflow:hidden; cursor:pointer;}
.pro_part img {max-width:248px; height:230px;}
.pro_part .pro_aa a {display:block;}
.pro_part .pro_cc {width:100%; height:90px; overflow:hidden; line-height:20px; text-align:left;}
.pro_part .pro_tt {width:100%; height:42px; overflow:hidden; line-height:40px; text-align:left; text-indent:15px;}
.pro_part .pro_bb {position:relative;}
.pro_part .pro_aa {position:absolute; top:0; left:0; z-index:5;}
.pro_part .pro_cc {position:absolute; bottom:0; _bottom:-1px; left:0; z-index:4; background:url(../images/gray50.png) repeat; color:#000; display:none;}
.pro_part .pro_tt {position:absolute; bottom:0; _bottom:-1px; left:0; z-index:3; /*background:url(../images/black90.png) repeat;*/ background:#171718; color:#ccc; font-size:14px; text-transform:uppercase;}
.pro_part .pro_img {position:absolute; top:0; left:0; z-index:2; background:#000;}
.pro_part .pro_cc .pad {padding:10px 15px;}
.pro_part .pro_cc p {font-size:14px; color:#161214; margin-bottom:10px; height:16px; overflow:hidden; background:url(../images/arrowHover.png) no-repeat left center; padding-left:15px; text-transform:uppercase;}
.pro_part .pro_cc div {line-height:16px; color:#4b4649; height:72px; overflow:hidden; padding-left:15px;}

.pro_others {padding:30px 0;}
.pro_opart {width:271px; height:250px; float:left; overflow:hidden; text-align:center;}
.pro_opart img {width:248px; height:230px;}
.pro_opart p {padding-top:5px;}
.pro_otitle {font-size:20px; padding:15px 0;}

.pro_wico {width:390px; float:left;}
.pro_wico img {width:96%; height:auto;}

.cate_top {margin:24px auto; height:40px;}
.cate_top ul li {float:left; margin:0 14px 12px 0; width:auto; _width:0; white-space:nowrap;}
.cate_top ul>li {width:auto;}
.cate_l, .cate_r {width:4px; height:27px; float:left; overflow:hidden;}
.cate_l {background:url(../images/cate_l.gif) no-repeat; _display:none;}
.cate_r {background:url(../images/cate_r.gif) no-repeat; _display:none;}
.cate_m {float:left; height:27px; line-height:27px; background:url(../images/cate_m.gif) repeat-x; padding:0 10px;}
.cate_m a {width:100%; height:27px; display:block;}

#left {width:295px; float:left; overflow:hidden;}
.left_in {width:263px; overflow:hidden;}
.left_tit {width:100%; height:60px; line-height:60px; overflow:hidden; border-top:1px solid #000; border-bottom:1px solid #e8e8e8; font-size:16px; margin-bottom:18px;}
.left_in ul li {border-bottom:1px solid #e8e8e8; position:relative;}
.left_in ul li a {font-size:13px; text-transform:uppercase; color:#000; display:block; padding:22px 0;}
.left_in ul li a:hover {color:#e47343;}
.left_in ul li span {font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
content: "\f105";
-webkit-font-smoothing: antialiased;
float: left;
line-height: 15px;
font-size: 13px;
margin-right: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.left_in dl {display:none;}
.left_in dl dd {border-top:1px solid #e8e8e8;}
.left_in dl dd a {color:#767676; padding:18px 0;}
.left_in dl dd a:hover {color:#e47343;}
.more {width:13px; height:13px; background-image:url(../images/more.gif); background-position:top left; position:absolute; top:26px; right:0; z-index:3; cursor:pointer;}
.moreout {background-position:bottom left;}

#right {width:815px; float:right; overflow:hidden;}

.news_list {margin-bottom:34px; border-bottom:1px solid #e8e8e8;}

.hot_part {border-bottom:1px solid #e8e8e8; padding-bottom:15px; margin-bottom:15px;}
.hot_part .fl {width:87px; overflow:hidden;}
.hot_part .fl img {width:60px; height:60px; padding:5px; border:1px solid #e8e8e8;}
.hot_part .fi {width:170px; overflow:hidden; text-transform:uppercase;}
.hot_part .fi div {font-size:14px; margin:8px 0 10px; height:34px; overflow:hidden;}
.hot_part .fi a {color:#e47343;}